<@html title="石马人山|用户登录" bodyClass="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">
		<header class="main-header">
			<!-- Logo -->
			<a href="${base}/index" class="logo">
				<!-- 工具条mini 50x50像素的迷你logo -->
				<span class="logo-mini"><b>LL</b>G</span>
				<!-- 用于常规状态和移动设备的标识。 -->
				<span class="logo-lg"><b>LongLongGo</b></span>
			</a>

			<!-- 标题导航条:样式可以在header.less中 -->
			<nav class="navbar navbar-static-top">
				<!-- Sidebar toggle button-->
				<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
					<span class="sr-only">展/缩导航</span>
				</a>

				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<!-- 用户账号: 样式定义于 dropdown.less -->
						<li class="dropdown user user-menu">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<img src="${base}/plugins/adminLTE/${adminLTEVersion}/dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
								<span class="hidden-xs">Longlonggo</span>
							</a>
							<ul class="dropdown-menu">
								<!-- 导航条用户头像 -->
								<li class="user-header">
									<img src="${base}/plugins/adminLTE/${adminLTEVersion}/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
									<p>
										LonglongGo - Java工程师
										<small>键盘谱写日月星辰</small>
									</p>
								</li>
								<!-- 用户内容小界面 -->
								<li class="user-body">
									<div class="row">
										<div class="col-xs-4 text-center">
											<a href="#">消息</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">个人中心</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">我的朋友</a>
										</div>
									</div>
									<!-- /.row -->
								</li>
								<!-- 用户内容底部按钮-->
								<li class="user-footer">
									<div class="pull-left">
										<a href="#" class="btn btn-default btn-flat">评论</a>
									</div>
									<div class="pull-right">
										<a href="#" class="btn btn-default btn-flat">退出</a>
									</div>
								</li>
							</ul>
						</li>
						<!-- 顶部导航条-控制栏切换按钮 -->
						<li>
							<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
						</li>
					</ul>
				</div>
			</nav>
		</header>

		<!-- 最左边系统控制栏,菜单栏 -->
		<aside class="main-sidebar">
			<!-- 侧边栏sidebar: 样式定义于 sidebar.less -->
			<section class="sidebar">
				<!-- Sidebar user panel -->
				<!--<div class="user-panel">
					<div class="pull-left image">
						<img src="${base}/plugins/adminLTE/${adminLTEVersion}/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
					</div>
					<div class="pull-left info">
						<p>Longlonggo</p>
						<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
					</div>
				</div>-->

				<!-- 顶部搜素 -->
				<form action="#" method="get" class="sidebar-form">
					<div class="input-group">
						<input type="text" name="q" class="form-control" placeholder="按下回车键搜索">
						<span class="input-group-btn">
			                <button type="submit" name="search" id="search-btn" class="btn btn-flat" onclick="search_menu()">
			                	<i class="fa fa-search"></i>
			                </button>
			            </span>
					</div>
				</form>

				<!-- sidebar 菜单栏: sidebar.less -->
				<ul class="sidebar-menu" data-widget="tree">
					<#list menuList as menu>
						<li onclick="addTab('${menu.permissionId}', '${menu.permissionName}', '${menu.permissionUrl}')">
							<a href="javascript:(0)">
								<i class="fa ${menu.permissionIcon}"></i> <span class="permissionName">${menu.permissionName}</span>
								<!--<span class="pull-right-container">
					            	<i class="fa fa-angle-left pull-right"></i>
					            </span>-->
							</a>
						</li>
					</#list>
				</ul>
			</section>
		</aside>

		<!-- ------------------------------------------主体内容区域-------------------------------------- -->
		<div class="content-wrapper" id="content-wrapper" style="min-height: 421px;">
			<!--bootstrap tab风格 多标签页-->
			<div class="content-tabs">
				<button class="roll-nav roll-left tabLeft" onclick="scrollTabLeft()">
	                <i class="fa fa-backward"></i>
	            </button>
				<nav class="page-tabs menuTabs tab-ui-menu" id="tab-menu">
					<div class="page-tabs-content" style="margin-left: 0px;">

					</div>
				</nav>
				<button class="roll-nav roll-right tabRight" onclick="scrollTabRight()">
	                <i class="fa fa-forward" style="margin-left: 3px;"></i>
	            </button>
				<div class="btn-group roll-nav roll-right">
					<button class="dropdown tabClose" data-toggle="dropdown">
	                    页签操作<i class="fa fa-caret-down" style="padding-left: 3px;"></i>
	                </button>
					<ul class="dropdown-menu dropdown-menu-right" style="min-width: 128px;">
						<li>
							<a class="tabReload" href="javascript:refreshTab();">刷新当前</a>
						</li>
						<li>
							<a class="tabCloseCurrent" href="javascript:closeCurrentTab();">关闭当前</a>
						</li>
						<li>
							<a class="tabCloseAll" href="javascript:closeOtherTabs(true);">全部关闭</a>
						</li>
						<li>
							<a class="tabCloseOther" href="javascript:closeOtherTabs();">除此之外全部关闭</a>
						</li>
					</ul>
				</div>
				<button class="roll-nav roll-right fullscreen" onclick="App.handleFullScreen()"><i
	                    class="fa fa-arrows-alt"></i></button>
			</div>
			<div class="content-iframe " style="background-color: #ffffff; ">
				<div class="tab-content " id="tab-content">

				</div>
			</div>
		</div>
		<!--<div class="content-wrapper">
	        <div class="content-iframe " style="background-color: #ffffff; ">
	            <div class="tab-content " id="tab-content">
	            </div>
	        </div>
		</div>-->
		<!-- ------------------------------------------主体内容区域-------------------------------------- -->

		<footer class="main-footer">
			<div class="pull-right hidden-xs">
				<b>版本</b> 0.0.1
			</div>
			<strong>Copyright &copy; 2018-2020 <a href="${base}/index">longlonggo.com</a>.</strong> All rights reserved.
		</footer>

		<!-- 主界面右侧控制条 -->
		<aside class="control-sidebar control-sidebar-dark">
			<!-- 控制条选项卡tabs -->
			<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
				<li>
					<a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a>
				</li>
				<li>
					<a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a>
				</li>
			</ul>
			<!-- 选项卡内容区 -->
			<div class="tab-content">
				<!-- Home tab content -->
				<div class="tab-pane" id="control-sidebar-home-tab">
					<h3 class="control-sidebar-heading">最近活动</h3>
					<ul class="control-sidebar-menu">
						<li>
							<a href="javascript:void(0)">
								<i class="menu-icon fa fa-birthday-cake bg-red"></i>
								<div class="menu-info">
									<h4 class="control-sidebar-subheading">爱新觉罗雪生日</h4>
									<p>生日时间2018年7月31日</p>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0)">
								<i class="menu-icon fa fa-user bg-yellow"></i>
								<div class="menu-info">
									<h4 class="control-sidebar-subheading">欧阳冷锋更换信息</h4>
									<p>新手机 phone 18179824544</p>
								</div>
							</a>
						</li>
					</ul>
					<!-- /.control-sidebar-menu -->

					<h3 class="control-sidebar-heading">任务进展</h3>
					<ul class="control-sidebar-menu">
						<li>
							<a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
                					模板开发进度
                				<span class="label label-danger pull-right">70%</span>
              					</h4>
								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
								</div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
                					BUG修复进度
                					<span class="label label-success pull-right">95%</span>
              					</h4>
								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-success" style="width: 95%"></div>
								</div>
							</a>
						</li>
					</ul>
					<!-- /.control-sidebar-menu -->

				</div>
				<!-- /.tab-pane -->

				<!-- 右侧数据选项卡面板 -->
				<div class="tab-pane" id="control-sidebar-stats-tab">数据选项卡</div>
				<div class="tab-pane" id="control-sidebar-settings-tab">
					<form method="post">
						<h3 class="control-sidebar-heading">通用设置</h3>
						<div class="form-group">
							<label class="control-sidebar-subheading">
              					启用自定义设置
              					<input type="checkbox" class="pull-right" checked>
            				</label>
							<p>
								详细信息
							</p>
						</div>

						<div class="form-group">
							<label class="control-sidebar-subheading">
				             	 允许转发我的信息
				              <input type="checkbox" class="pull-right" checked>
				            </label>
							<p>
								发布的文章允许被转载
							</p>
						</div>

						<div class="form-group">
							<label class="control-sidebar-subheading">
	              				删除历史
	              				<a href="javascript:void(0)" class="text-red pull-right">
	              					<i class="fa fa-trash-o"></i>
	              				</a>
            				</label>
						</div>
					</form>
				</div>
				<!-- /.tab-pane -->
			</div>
		</aside>
		<!-- /.control-sidebar -->

		<!-- 侧边栏背景设置，必须放在右控制条后 -->
		<div class="control-sidebar-bg"></div>
	</div>
	<!-- ./wrapper -->

	<script type="text/javascript">
		var isChedaiSys = '0';
		var g_contextpath = '${base}';
		/**
		 * 本地搜索菜单
		 */
		function search_menu() {
			//要搜索的值
			var text = $('input[name=q]').val();
			var $ul = $('.treeview');
			$ul.find("a.permissionName").each(function() {
				var $a = $(this).css("border", "");

				//判断是否含有要搜索的字符串
				if($a.children("span.menu-text").text().indexOf(text) >= 0) {

					//如果a标签的父级是隐藏的就展开
					$ul = $a.parents("ul");

					if($ul.is(":hidden")) {
						$a.parents("ul").prev().click();
					}

					//点击该菜单
					$a.click().css("border", "1px solid");

				}
			});
		}

		$(function() {
			App.setbasePath("../");
			App.setGlobalImgPath("${base}/plugins/adminLTE/${adminLTEVersion}/dist/img/");
			App.fixIframeCotent();
			
			addTabs({
				id: '10008',
				title: '欢迎页',
				close: false,
				url: 'user/welcome',
				urlType: "relative"
			});

			var menus = [{
					id: "9000",
					text: "header",
					icon: "",
					isHeader: true
				},
				{
					id: "9001",
					text: "UI Elements",
					icon: "fa fa-laptop",
					children: [{
							id: "90011",
							text: "buttons",
							icon: "fa fa-circle-o",
							url: "UI/buttons_iframe.html",
							targetType: "iframe-tab"
						},
					]
				},
				{
					id: "9002",
					text: "Forms",
					icon: "fa fa-edit",
					children: [{
							id: "90021",
							text: "advanced",
							url: "forms/advanced_iframe.html",
							targetType: "iframe-tab",
							icon: "fa fa-circle-o"
						},
						{
							id: "90024",
							text: "百度",
							url: "https://www.baidu.com",
							targetType: "iframe-tab",
							icon: "fa fa-circle-o",
							urlType: 'abosulte'
						}
					]
				}
			];
			$('.sidebar-menu').sidebarMenu({
				data: menus
			});

			// 动态创建菜单后，可以重新计算 SlimScroll
			// $.AdminLTE.layout.fixSidebar();

			/*if ($.AdminLTE.options.sidebarSlimScroll) {
			    if (typeof $.fn.slimScroll != 'undefined') {
			        //Destroy if it exists
			        var $sidebar = $(".sidebar");
			        $sidebar.slimScroll({destroy: true}).height("auto");
			        //Add slimscroll
			        $sidebar.slimscroll({
			            height: ($(window).height() - $(".main-header").height()) + "px",
			            color: "rgba(0,0,0,0.2)",
			            size: "3px"
			        });
			    }
			}*/

		});

		function addTab(id, title, url) {
			addTabs({
				id: id,
				title: title,
				close: true,
				url: url,
				urlType: "relative"
			});
			//	$("#tab-content").data("tabs").addTab({id: id, text: 'addTab'+id, closeable: true, url: url});
		};
	</script>

	<script src="${base}/plugins/adminLTE/${adminLTEVersion}/dist/js/demo.js"></script>
</@html>